<%@ taglib tagdir="/WEB-INF/tags" prefix="onadake" %>
<onadake:layout>

  <section id="content1" class="section">
    <div class="container">
      <div class="row">
        <div class="col-sm-12">
          <h3>About</h3>
        </div>
      </div>
    </div>
  </section>
      
  <!--Message Section-->
  <section id="message" class="section">
    <div class="container">
      <div class="row margin-40">
        <div class="col-md-1">
          <div class="top-padding30">
            <i class="fa fa-female fa-5x white"></i>
          </div>
        </div>
        <div class="col-sm-11 text-left">
          <h2>Corporate Philosophy</h2>
          <h3>To provide a fair opportunity for females and to empower femalism.</h3>
        </div>
      </div>
    </div>
  </section>
    
  <!--Content-->      
  <section id="content2" class="section">
    <div class="container">
      <div class="row">
        <div class="col-sm-12">
          <h3>Message from the Founders </h3>
          <p>-Tbc.</p>
        </div>
      </div><!--End Row-->
    </div>
  </section>
    
    
  <!--Content-->
  <section id="content3" class="section">
    <div class="container">
      <div class="row">
        <div class="col-sm-12">
          <h3>Corporate Overview</h3>
          <p>&nbsp;</p>
        </div>
      </div>
          
      <div class="row">
        <div class="col-sm-3">
          <i class="fa fa-pencil fa-2x gray"></i>
          <h4>Name -</h4>
          <p>Onadake, Inc.</p>
        </div>
          
        <div class="col-sm-3">
          <i class="fa fa-home fa-2x gray"></i>
          <h4>Head Office Location -</h4>
          <p>Tbc</p>
        </div>
        
        <div class="col-sm-3">
          <i class="fa fa-user fa-2x gray"></i>
          <h4>Representative -</h4>
          <p>Eugene Sia, Radek Hecl, Michelle Redman</p>
        </div>
          
        <div class="col-sm-3">
          <i class="fa fa-clock-o fa-2x gray"></i>
          <h4>Founded -</h4>
          <p>Feb, 2013</p>
        </div>
      </div>
          
      <p>&nbsp;</p>
          
      <div class="row">
        <div class="col-sm-3">
          <i class="fa fa-rocket  fa-2x gray"></i>
          <h4>Onadake Service Launched -</h4>
          <p>Tbc</p>
        </div>
          
        <div class="col-sm-3">
          <i class="fa fa-money   fa-2x gray"></i>
          <h4>Capital -</h4>
          <p>Tbc</p>
        </div>
          
        <div class="col-sm-3">
          <i class="fa fa-users   fa-2x gray"></i>
          <h4>Employees -</h4>
          <p>Non-consolidated: 3</br>(as of Sep. 19, 2013)</p>
        </div>
        <div class="col-sm-3">
        </div>
      </div>
    </div>
  </section>
    
  <!--Content Team Members-->
  <section id="content2" class="section">
    <div class="container">
      <div class="row">
      <h3>Founders</h3>
      </div>
        <p>&nbsp;</p>
        <div class="row margin-40">
          
          <!--Team Member-->
          <div class="col-sm-4 margin-30">
            <div class="team-container">
              <div class="row">
                <div class="col-xs-12 team-member">
                  <img src="${pageContext.request.contextPath}/resources/1.0/img/team1.jpg" class="img-responsive" alt="Title">
                </div>
              </div>
              <div class="row text-center">
                <div class="col-sm-12 team-info">
                  <h4><span class="white">Eugene Sia</span></h4>
                </div>
              </div>
            </div>
          </div>
          
          <!--Team Member-->
          <div class="col-sm-4 margin-30">
            <div class="team-container">
              <div class="row">
                <div class="col-xs-12 team-member">
                  <img src="${pageContext.request.contextPath}/resources/1.0/img/team2.jpg" class="img-responsive" alt="Title">
                </div>
              </div>
              <div class="row text-center">
                <div class="col-sm-12 team-info">
                  <h4><span class="white">Radek Hecl</span></h4>
                </div>
              </div>
            </div>
          </div>
            
          <!--Team Member-->
          <div class="col-sm-4 margin-30">
            <div class="team-container">
              <div class="row">
                <div class="col-xs-12 team-member">
                  <img src="${pageContext.request.contextPath}/resources/1.0/img/team3.jpg" class="img-responsive" alt="Title">
                </div>
              </div>
                
              <div class="row text-center">
                <div class="col-sm-12 team-info">
                  <h4><span class="white">Michelle Redman</span></h4>
                </div>
              </div>
            </div>
          </div>
        </div><!--End Team Member Row-->
    </div><!--End Team Member Container-->
  </section><!--End Team Member Section-->

  <!--Twitter Feed-->
  <section id="twitter" class="section">
    <div class="container">
      <div class="row">
        <div class="col-sm-6">
          <blockquote class="twitter-tweet" lang="en"><p>Management Team - Tbc</p> </blockquote>
        </div>
        <div class="col-sm-6">
          <blockquote class="twitter-tweet" lang="en"><p>Major Businesses - Social network </p> </blockquote>
        </div>
      </div>
    </div>
  </section>

</onadake:layout>
